[Day 10] Checkbox 核取方塊

2021 iThome 鐵人賽

DAY 10

自我挑戰組

從 React 開始，讓你的ui material 起來系列第 10 篇

13th鐵人賽

Vader

2021-09-24 23:16:50

476 瀏覽

分享至

在許多的輸入中很重要的核取方塊

用於登入的勾選，資料的選取等等

利用 checked 判定核取狀況

onChange 來動作通常使用習慣是用 usestate 在這邊設定狀態
color 可以用來設定顏色

const [checked, setChecked] = useState(true);

再將輸入值設定哪時候勾選

  <FormControlLabel
                  label="同意條款"
                  control={
                    <Checkbox checked={checked} onChange={handleChange}
                    color="success" 
                    />
                  }
                />

Day10